<section class="grid-demo">
  <h3>Start</h3>
  <div lv-row lvJustify="start">
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
  </div>
  <h3>Center</h3>
  <div lv-row lvJustify="center">
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
  </div>
  <h3>End</h3>
  <div lv-row lvJustify="end">
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
  </div>
  <h3>Space between</h3>
  <div lv-row lvJustify="space-between">
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
  </div>
  <h3>Space around</h3>
  <div lv-row lvJustify="space-around">
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
  </div>
  <h3>Space evenly</h3>
  <div lv-row lvJustify="space-evenly">
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
    <div lv-col lvSpan="4">col-4</div>
  </div>
</section>
